<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>堡垒之夜 | 游戏专栏</title>
  <link rel="stylesheet" href="../css/global.css" />
  <link rel="stylesheet" href="../css/games.css" />
  <style>
    /* 堡垒之夜专属样式 - 卡通多彩风格 */
    body {
      background-color: #2c2c54;
      color: #f0f0f0;
      background-image: linear-gradient(to bottom, #1c1c44 0%, #2c2c54 100%);
      font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;
    }

    .site-header h1 {
      color: #f9ca24;
      text-shadow: 0 0 8px rgba(249, 202, 36, 0.7);
      border-bottom: 2px solid #f9ca24;
      letter-spacing: 1px;
    }

    .site-nav a {
      color: #a0a0c0;
    }

    .site-nav a:hover {
      color: #f9ca24;
      text-shadow: 0 0 5px rgba(249, 202, 36, 0.5);
    }

    h2,
    h3 {
      color: #f9ca24;
      border-left: 4px solid #f9ca24;
      padding-left: 10px;
      text-shadow: 0 0 3px rgba(249, 202, 36, 0.3);
    }

    .content {
      background-color: #343464;
      padding: 25px;
      border-radius: 16px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
      border: 1px solid #444474;
    }

    blockquote {
      background-color: #2c2c54;
      border-left: 4px solid #f9ca24;
      color: #a0a0c0;
    }

    .btn {
      background-color: #3c3c74;
      color: #f9ca24;
      border: 1px solid #f9ca24;
      padding: 10px 20px;
      border-radius: 20px;
      transition: all 0.3s;
    }

    .btn:hover {
      background-color: #f9ca24;
      color: #2c2c54;
      transform: scale(1.05);
    }

    ul li {
      margin-bottom: 10px;
      padding-left: 5px;
      border-left: 2px solid #444474;
    }

    ul li::marker {
      color: #f9ca24;
      content: "🎯 ";
    }

    .meta {
      background-color: #2c2c54;
      padding: 10px;
      border-radius: 8px;
      border-left: 3px solid #f9ca24;
      color: #a0a0c0;
    }

    p,
    li {
      color: #f0f0f0;
      line-height: 1.6;
    }

    img {
      filter: saturate(1.2) brightness(1.1);
      border-radius: 16px;
    }
  </style>
</head>

<body>
  <header class="site-header">
    <h1>堡垒之夜</h1>
    <nav class="site-nav">
      <a href="../index.html">首页</a>
      <a href="../html/game-research/index.html">游戏研究</a>
      <a href="index.html">游戏专栏</a>
    </nav>
  </header>
  <main class="content">
    <div class="detail-header">
      <div class="meta">英文名：Fortnite ｜ 年份：2017 ｜ 类型：大逃杀/沙盒 ｜ 平台：全平台 ｜ 开发商：Epic Games</div>
    </div>
    <img src="../images/fortnite.jpg" alt="堡垒之夜"
      style="width:100%;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.4);margin:15px 0;" />
    <article>
      <h2>概述</h2>
      <p>《堡垒之夜》是一款由Epic
        Games开发的免费大逃杀游戏，以其独特的建造机制和卡通风格而闻名。游戏最初是作为合作生存游戏开发的，但2017年推出的大逃杀模式使其成为全球现象。玩家与其他99名玩家竞争，成为最后幸存者，同时可以收集资源建造防御结构。游戏以其频繁的内容更新、跨界合作和活跃的社区而著称。
      </p>

      <h3>版本与更新</h3>
      <ul>
        <li>2017年7月：拯救世界模式早期访问</li>
        <li>2017年9月：大逃杀模式免费发布</li>
        <li>2018年3月：移动版发布</li>
        <li>2019年10月：第二章发布，全新地图和机制</li>
        <li>2020年8月：漫威跨界赛季</li>
        <li>2021年3月：第三章发布</li>
        <li>2022年12月：虚幻引擎5.1更新，图形大幅提升</li>
        <li>2023年11月：OG赛季回归原始地图</li>
      </ul>

      <h3>推荐理由（要点）</h3>
      <ul>
        <li>机制/系统：独特的建造系统提供战术多样性；不断变化的游戏地图和机制；跨平台游戏支持所有设备一起游玩。</li>
        <li>内容/规模：频繁的赛季更新保持游戏新鲜度；大量跨界合作活动（漫威、DC、星战等）；创意模式允许玩家创建自己的游戏。</li>
        <li>口碑/影响：全球玩家数超过3.5亿；成为文化现象和电竞项目；被赞为"最具创新性的大逃杀游戏"。</li>
      </ul>

      <h3>适合人群</h3>
      <p>大逃杀游戏爱好者；喜欢建造和创意玩法的玩家；寻求轻松卡通风格的玩家；喜欢频繁内容更新的玩家；跨平台游戏玩家。</p>
    </article>
  </main>
  <footer class="container">
    <a class="btn" href="index.html">← 返回游戏专栏</a>
  </footer>
</body>

</html>